home *** CD-ROM | disk | FTP | other *** search
/ PC World 2008 September / PCWorld_2008-09_cd.bin / multimedia / tuxpaint / tuxpaint-0.9.20-win32-installer.exe / {app} / docs / ADVANCED-STAMPS-HOWTO.txt next >
Text File  |  2008-07-01  |  14KB  |  273 lines

  1.                                    Tux Paint
  2.                                  version 0.9.20
  3.                              Advanced Stamps HOWTO
  4.  
  5.         Copyright 2006-2008 by Albert Cahalan for the Tux Paint project
  6.                                New Breed Software
  7.  
  8.                               albert@users.sf.net
  9.                             http://www.tuxpaint.org/
  10.  
  11.                        March 8, 2006 - February 28, 2008
  12.  
  13. About this HOWTO
  14.  
  15.      This HOWTO assumes that you want to make an excellent Tux Paint stamp,
  16.      in PNG bitmapped format, from a JPEG image (e.g., a digital photograph).
  17.      There are easier and faster methods that produce lower quality.
  18.  
  19.      This HOWTO assumes you are dealing with normal opaque objects. Dealing
  20.      with semi-transparent objects (fire, moving fan blade, kid's baloon) or
  21.      light-giving objects (fire, lightbulb, sun) is best done with custom
  22.      software. Images with perfect solid-color backgrounds are also best done
  23.      with custom software, but are not troublesome to do as follows.
  24.  
  25. Image choice is crucial
  26.  
  27.   License
  28.  
  29.        If you wish to submit artwork to the Tux Paint developers for
  30.        consideration for inclusion in the official project, or if you wish to
  31.        release your own copy of Tux Paint, bundled with your own graphics,
  32.        you need an image that is compatible with the GNU General Public
  33.        License used by Tux Paint.
  34.  
  35.        Images produced by the US government are Public Domain, but be aware
  36.        that the US government sometimes uses other images on the web. Google
  37.        image queries including either site:gov or site:mil will supply many
  38.        suitable images. (Note: the *.mil sites include non-military content,
  39.        too!)
  40.  
  41.        Your own images can be placed in the Public Domain by declaring it so.
  42.        (Hire a lawyer if you feel the need for legal advice.)
  43.  
  44.        For personal use, any image you can legitimately modify and use for
  45.        your own personal use should be fine.
  46.  
  47.   Image Size and Orientation:
  48.  
  49.        You need an image that has a useful orientation. Perspective is an
  50.        enemy. Images that show an object from the corner are difficult to fit
  51.        into a nice drawing. As a general rule, telephoto side views are the
  52.        best. The impossible ideal is that, for example, two wheels of a car
  53.        are perfectly hidden behind the other two.
  54.  
  55.        Rotating an image can make it blurry, especially if you only rotate by
  56.        a few degrees. Images that don't need rotation are best, images that
  57.        need lots of rotation (30 to 60 degrees) are next best, and images
  58.        that need just a few degrees are worst. Rotation will also make an
  59.        image darker because most image editing software is very bad about
  60.        gamma handling. (Rotation is only legitimate for gamma=1.0 images.)
  61.  
  62.        Very large images are more forgiving of mistakes, and thus easier to
  63.        work with. Choose an image with an object that is over 1000 pixels
  64.        across if you can. You can shrink this later to hide your mistakes.
  65.  
  66.        Be sure that the image is not too grainy, dim, or washed out.
  67.  
  68.        Pay attention to feet and wheels. If they are buried in something, you
  69.        will need to draw new ones. If only one is buried, you might be able
  70.        to copy the other one as a replacement.
  71.  
  72. Prepare the image:
  73.  
  74.      First of all, be sure to avoid re-saving the image as a JPEG. This
  75.      causes quality loss. There is a special tool called jpegtran that lets
  76.      you crop an image without the normal quality loss. If you want a GUI for
  77.      it, use ljcrop. Otherwise, use it like this:
  78.  
  79.        jpegtran -trim -copy none -crop 512x1728+160+128 < src.jpg >
  80.        cropped.jpg
  81.  
  82.      Bring that image up in your image editor. If you didn't crop it yet, you
  83.      may find that your image editor is very slow. Rotate and crop the image
  84.      as needed. Save the image -- choose whatever native format supports
  85.      layers, masks, alpha, etc. GIMP users should choose "XCF", and Adobe
  86.      Photoshop users should choose "PSD", for example.
  87.  
  88.      If you have rotated or cropped the image in your image editor, flatten
  89.      it now. You need to have just one RGB layer without mask or alpha.
  90.  
  91.      Open the layers dialog box. Replicate the one layer several times. From
  92.      top to bottom you will need something like this:
  93.  
  94.       1. unmodified image (write-protect this if you can)
  95.       2. an image you will modify -- the "WIP" layer
  96.       3. solid green (write-protect this if you can)
  97.       4. solid magenta (write-protect this if you can)
  98.       5. unmodified image (write-protect this if you can)
  99.  
  100.      Give the WIP layer a rough initial mask. You might start with a
  101.      selection, or by using the grayscale value of the WIP layer. You might
  102.      invert the mask.
  103.  
  104.      Warning: once you have the mask, you may not rotate or scale the image
  105.      normally. This would cause data loss. You will be given special scaling
  106.      instructions later.
  107.  
  108. Prepare the mask:
  109.  
  110.      Get used to doing Ctrl-click and Alt-click on the thumbnail images in
  111.      the layers dialog. You will need this to control what you are looking at
  112.      and what you are editing. Sometimes you will be editing things you can't
  113.      see. For example, you might edit the mask of the WIP layer while looking
  114.      at the unmodified image. Pay attention so you don't screw up. Always
  115.      verify that you are editing the right thing.
  116.  
  117.      Set an unmodified image as what you will view (the top one is easiest).
  118.      Set the WIP mask as what you will edit. At some point, perhaps not
  119.      immediately, you should magnify the image to about 400% (each pixel of
  120.      the image is seen and edited as a 4x4 block of pixels on your screen).
  121.  
  122.      Select parts of the image that need to be 100% opaque or 0% opaque. If
  123.      you can select the object or background somewhat accurately by color, do
  124.      so. As needed to avoid selecting any pixels that should be partially
  125.      opaque (generally at the edge of the object) you should grow, shrink,
  126.      and invert the selection.
  127.  
  128.      Fill the 100% opaque areas with white, and the 0% opaque areas with
  129.      black. This is most easily done by drag-and-drop from the
  130.      foreground/background color indicator. You should not see anything
  131.      happen, because you are viewing the unmodified image layer while editing
  132.      the mask of the WIP layer. Large changes might be noticable in the
  133.      thumbnail.
  134.  
  135.      Now you must be zoomed in.
  136.  
  137.      Check your work. Hide the top unmodified image layer. Display just the
  138.      mask, which should be a white object on a black background (probably
  139.      with unedited grey at the edge). Now display the WIP layer normally, so
  140.      that the mask is active. This should show your object over top of the
  141.      next highest enabled layer, which should be green or magenta as needed
  142.      for maximum contrast. You might wish to flip back and forth between
  143.      those backgrounds by repeatedly clicking to enable/disable the green
  144.      layer. Fix any obvious and easy problems by editing the mask while
  145.      viewing the mask.
  146.  
  147.      Go back to viewing the top unmodified layer while editing the WIP mask.
  148.      Set your drawing tool the paintbrush. For the brush, choose a small
  149.      fuzzy circle. The 5x5 size is good for most uses.
  150.  
  151.      With a steady hand, trace around the image. Use black around the
  152.      outside, and white around the inside. Avoid making more than one pass
  153.      without switching colors (and thus sides).
  154.  
  155.      Flip views a bit, checking to see that the mask is working well. When
  156.      the WIP layer is composited over the green or magenta, you should see a
  157.      tiny bit of the original background as an ugly fringe around the edge.
  158.      If this fringe is missing, then you made the object mask too small. The
  159.      fringe consists of pixels that are neither 100% object nor 0% object.
  160.      For them, the mask should be neither 100% nor 0%. The fringe gets
  161.      removed soon.
  162.  
  163.      View and edit the mask. Select by color, choosing either black or white.
  164.      Most likely you will see unselected specks that are not quite the
  165.      expected color. Invert the selection, then paint these away using the
  166.      pencil tool. Do this operation for both white and black.
  167.  
  168. Replace the fringe and junk pixels:
  169.  
  170.      Still viewing the mask, select by color. Choose black. Shrink the
  171.      selection by several pixels, being sure to NOT shrink from the edges of
  172.      the mask (the shrink helps you avoid and recover from mistakes).
  173.  
  174.      Now disable the mask. View and edit the unmasked WIP layer. Using the
  175.      color picker tool, choose a color that is average for the object.
  176.      Drag-and-drop this color into the selection, thus removing most of the
  177.      non-object pixels.
  178.  
  179.      This solid color will compress well and will help prevent ugly color
  180.      fringes when Tux Paint scales the image down. If the edge of the object
  181.      has multiple colors that are very different, you should split up your
  182.      selection so that you can color the nearby background to be similar.
  183.  
  184.      Now you will paint away the existing edge fringe. Be sure that you are
  185.      editing and viewing the WIP image. Frequent layer visibility changes
  186.      will help you to see what you are doing. You are likely to use all of:
  187.  
  188.        * composited over green (mask enabled)
  189.        * composited over magenta (mask enabled)
  190.        * original (the top or bottom layer)
  191.        * composited over the original (mask enabled)
  192.        * raw WIP layer (mask DISABLED)
  193.  
  194.      To reduce accidents, you may wish to select only those pixels that are
  195.      not grey in the mask. (Select by color from the mask, choose black, add
  196.      mode, choose white, invert. Alternately: Select all, select by color
  197.      from the mask, subtract mode, choose black, choose white.) If you do
  198.      this, you'll probably want to expand the selection a bit and/or hide the
  199.      "crawling ants" line that marks the selection.
  200.  
  201.      Use the clone tool and the brush tool. Vary the opacity as needed. Use
  202.      small round brushes mostly, perhaps 3x3 or 5x5, fuzzy or not. (It is
  203.      generally nice to pair up fuzzy brushes with 100% opacity and non-fuzzy
  204.      brushes with about 70% opacity.) Unusual drawing modes can be helpful
  205.      with semi-transparent objects.
  206.  
  207.      The goal is to remove the edge fringe, both inside and outside of the
  208.      object. The inside fringe, visible when the object is composited over
  209.      magenta or green, must be removed for obvious reasons. The outside
  210.      fringe must also be removed because it will become visible when the
  211.      image is scaled down. As an example, consider a 2x2 region of pixels at
  212.      the edge of a sharp-edged object. The left half is black and 0% opaque.
  213.      The right half is white and 100% opaque. That is, we have a white object
  214.      on a black background. When Tux Paint scales this to 50% (a 1x1 pixel
  215.      area), the result will be a grey 50% opaque pixel. The correct result
  216.      would be a white 50% opaque pixel. To get this result, we would paint
  217.      away the black pixels. They matter, despite being 0% opaque.
  218.  
  219.      Tux Paint can scale images down by a very large factor, so it is
  220.      important to extend the edge of your object outward by a great deal.
  221.      Right at the edge of your object, you should be very accurate about
  222.      this. As you go outward away from the object, you can get a bit sloppy.
  223.      It is reasonable to paint outward by a dozen pixels or more. The farther
  224.      you go, the more Tux Paint can scale down without creating ugly color
  225.      fringes. For areas that are more than a few pixels away from the object
  226.      edge, you should use the pencil tool (or sloppy select with
  227.      drag-and-drop color) to ensure that the result will compress well.
  228.  
  229. Save the image for Tux Paint
  230.  
  231.      It is very easy to ruin your hard work. Image editors can silently
  232.      destroy pixels in 0% opaque areas. The conditions under which this
  233.      happens may vary from version to version. If you are very trusting, you
  234.      can try saving your image directly as a PNG. Be sure to read it back in
  235.      again to verify that the 0% opaque areas didn't turn black or white,
  236.      which would create fringes when Tux Paint scales the image down. If you
  237.      need to scale your image to save space (and hide your mistakes), you are
  238.      almost certain to destroy all the 0% opaque areas. So here is a better
  239.      way...
  240.  
  241.   A Safer Way to Save:
  242.  
  243.        Drag the mask from the layers dialog to the unused portion of the
  244.        toolbar (right after the last drawing tool). This will create a new
  245.        image consisting of one layer that contains the mask data. Scale this
  246.        as desired, remembering the settings you use. Often you should start
  247.        with an image that is about 700 to 1500 pixels across, and end up with
  248.        one that is 300 to 400.
  249.  
  250.        Save the mask image as a NetPBM portable greymap (".pgm") file. (If
  251.        you are using an old release of The GIMP, you might need to convert
  252.        the image to greyscale before you can save it.) Choose the more
  253.        compact "RAW PGM" format. (The second character of the file should be
  254.        the ASCII digit "5", hex byte 0x35.)
  255.  
  256.        You may close the mask image.
  257.  
  258.        Going back to the multi-layer image, now select the WIP layer. As you
  259.        did with the mask, drag this from the layers dialog to the toolbar.
  260.        You should get a single-layer image of your WIP data. If the mask came
  261.        along too, get rid of it. You should be seeing the object and the
  262.        painted-away surroundings, without any mask thumbnail in the layers
  263.        dialog. If you scaled the mask, then scale this image in exactly the
  264.        same way. Save this image as a NetPBM portable pixmap (".ppm") file.
  265.        (Note: ppm, not pgm.) (If you choose the RAW PPM format, the second
  266.        byte of the file should be the ASCII digit "6", hex byte 0x36.)
  267.  
  268.        Now you need to merge the two files into one. Do that with the
  269.        pnmtopng command, like this:
  270.  
  271.          pnmtopng -force -compression 9 -alpha mask.pgm fg.ppm >
  272.          final-stamp.png
  273.